<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="referrer" content="no-referrer">
  <title>Document</title>
  <link rel="stylesheet" href="../tools/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/index.css">
</head>
<body>
  <div class="jumbotron">
    <h1>我是一个首页
      <a href="./reg.html" class="btn btn-danger btn-lg" role="button">注册</a>
      <a href="JavaScript:;" name="login" class="btn btn-danger btn-lg" role="button">登录</a>
      <button name="logout" class="btn btn-danger btn-lg" role="button">退出登录</button>
      <button name="cart" class="btn btn-danger btn-lg" role="button">购物车</button>
    </h1>
    <p>
      我是 版本3 新的内容
    </p>

    <!-- js方法携带参数 -->
    <p><a name="1" class="btn btn-primary btn-lg" href="JavaScript:;" role="button">食品酒水</a></p>
    <p><a name="1" class="btn btn-primary btn-lg" href="JavaScript:;" role="button">童装玩具</a></p>
    <p><a name="1" class="btn btn-primary btn-lg" href="JavaScript:;" role="button">家装建材</a></p>
    <p><a name="1" class="btn btn-primary btn-lg" href="JavaScript:;" role="button">奶粉尿裤</a></p>
    <p><a name="1" class="btn btn-primary btn-lg" href="JavaScript:;" role="button">其他</a></p>

    <!-- html方法携带参数 -->
    <p><a name="1" class="btn btn-primary btn-lg" href="./list.html?cat_one_id=其他" role="button">其他</a></p>

  </div>

  <script src="../tools/jquery.min.js"></script>
  <script src="../js/cookie.js"></script>
  <script>
    // 跳转登录
    $('[name="login"]').click(function(){
      // 跳转登录页面 同时 携带 当前页面的url地址
      window.location.href = `./login.html?url=${window.location.href}`;
    })


    // 退出登录
    $('[name="logout"]').click(function(){
      // 先获取 cookie 对象
      const cookieObj = myGetCookie();


      if( cookieObj.login === '1' ){
        // 证明已经登录

        // 设定 login存储的数值 是 0
        // mySetCookie( 'login' , 0 , 7*24*60*60 , '/' );

        // 设定 login的时效是 负数 直接就是 时效过期
        // 浏览器自动删除这个 cookie
        mySetCookie( 'login' , 0 , -1 , '/' );

        window.alert('您已经退出登录了');


      }else{
        // 还没有登录
        window.alert('您还没有登录,请您先登录');
      }
    });

    // 跳转购物车
    $('[name="cart"]').click(function(){
      // 获取 cookie对象
      const cookieObj = myGetCookie();

      if( cookieObj.login === '1' ){
        // 已经登录 直接跳转 购物车页面
        window.location.href = './cart.html';
      }else{
        if( window.confirm('您还没有登录,点击确定跳转登录页面') ){
          window.location.href = `./login.html?url=${window.location.href}`;
        }
      }
    })

    // 点击 商品分类页面
    // 跳转 商品列表页 同时 携带 商品分类参数
    // 点击 标签 跳转 列表页 同时 携带 参数 
    // 键名是 cat_one_id 键值是 标签内容
    $('[name="1"]').click(function(){
      window.location.href = `./list.html?cat_one_id=${$(this).html()}`;
    })


  </script>

  <script>
    /*
      退出登录
        当前使用 cookie login 1 表示 登录成功 
        设定cookie login 的数值 为 0 表示 没有登录 
        或者 可以 删除 cookie login 键值对 
    
        也就是 点击 退出登录按钮 设定 cookie,login值为 0 或者 删除 cookie,login键值对
          获取的 cookie的值 是 字符串类型

          重新设定 cookie 的属性值 键名 和 路径 必须 和 原始 cookie完全一致

      跳转购物车页面
        需要 先登录 登录成功 才能 跳转 购物车页面
    
    */
  </script>
</body>
</html>
